<!DOCTYPE html>
<html lang="en">
	<head>
		<base href = "<?php echo base_url();?>">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title>ลงประกาศขายที่ดินดี</title>
		<meta name="generator" content="Bootply" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/banner.css">
		<!--[if lt IE 9]>
			<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<link href="assets/css/styles.css" rel="stylesheet">
	</head>
	<body>
<nav class="navbar navbar-static navbar-fixed-top">
    <div class="container">
      <a class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
       
      </a>
      <div class="nav-collapse collase">
        <ul class="nav navbar-nav">  
          <li><a href="#"><!--<img src="logo1.gif" width = "23px">-->หน้าแรก</a></li>
          <li><a href="#">อสังหาริมทรัพย์</a></li>
          <li><a href="#">บริการบ้านและอสังหาฯ</a></li>
          <li><a href="#">ประกาศของฉัน</a></li>
        </ul>
        <ul class="nav navbar-right navbar-nav">
          <li>  
             <!--<li><a href="#">ลงโฆษณา</a></li>-->
              <li><a href="#">ประกาศล่าสุด</a></li>
              <li><a href="#">ติดต่อเรา</a></li>
          </li>
        </ul>
      </div>		
    </div>
</nav><!-- /.navbar -->
<br/><br/><br/>
<header class="">
  <div class="container">
    <center>
    <div class="row">
      <div class="col col-sm-4">
        <div class="well">
          <img class = "g-over" src="assets/img/logo.gif">
          </div>
      </div>
      <div class="col col-sm-4">
        <div class="well">
          <img class = "g-over" src="assets/img/kosana.gif">
          </div>
      </div>
      <div class="col col-sm-4">
        <div class="well">
          <img class = "g-over" src="assets/img/pragad.gif"> 
        </div>
      </div>
    </div>
  </center>
  </div>
</header>

<!-- Begin Body -->
<div class="container">

	<div class="row">
      		<div class="col col-sm-12">
              <div class="panel">
              
              <div class="row">
              	<div class="col col-sm-8">
                 <!-- <img src="http://s.bootply.com/assets/example/bg_iphone.png" class="img-responsive">-->
                     <section class="section-white">
                      <div class="">

                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                          <!-- Indicators -->
                          <ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                          </ol>

                          <!-- Wrapper for slides -->
                          <div class="carousel-inner">
                            <div class="item active">
                              <img src="http://placehold.it/800x400" alt="...">
                              <div class="carousel-caption">
                                <h2>Heading</h2>
                              </div>
                            </div>
                            <div class="item">
                              <img src="http://placehold.it/800x400" alt="...">
                              <div class="carousel-caption">
                                <h2>Heading</h2>
                              </div>
                            </div>
                            <div class="item">
                              <img src="http://placehold.it/800x400" alt="...">
                              <div class="carousel-caption">
                                <h2>Heading</h2>
                              </div>
                            </div>
                          </div>

                          <!-- Controls -->
                          <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left"></span>
                          </a>
                          <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right"></span>
                          </a>
                        </div>

                      </div>
                    </section>
                </div> 
        		<div class="col col-sm-4">
               <!--
                  <img src="//placehold.it/400x180/FF3333/FFF" class="img-responsive">
                  <h4>Aside</h4>
                  <hr>
                  <img src="//placehold.it/400x180/FF3333/FFF" class="img-responsive">
                  <h4>Aside 2</h4>
                -->
                <div class = "cc" style = "background-color:#0098d6; width :100% ; height :400px; padding-left:10px;padding-top:10px;padding-right:10px;margin-top:10px">
                   <h4 style = "color:white;"><b>ค้นหา</b></h4>
                  <form role="form" action="javascript:;" method="post" id="login-form" autocomplete="off">
                        <div class="form-group">
                            <h5 style = "color:white;">ประเภท</h5>
                            <select class="form-control">
                              <option>1</option>
                              <option>2</option>
                              <option>3</option>
                              <option>4</option>
                              <option>5</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <h5 style = "color:white;">หมวด</h5>
                            <select class="form-control">
                              <option>1</option>
                              <option>2</option>
                              <option>3</option>
                              <option>4</option>
                              <option>5</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <h5 style = "color:white;">จังหวัด</h5>
                            <select class="form-control">
                              <option>1</option>
                              <option>2</option>
                              <option>3</option>
                              <option>4</option>
                              <option>5</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <h5 style = "color:white;">อำเภอ</h5>
                            <select class="form-control">
                              <option>1</option>
                              <option>2</option>
                              <option>3</option>
                              <option>4</option>
                              <option>5</option>
                            </select>
                        </div>
                        <input type="submit" id="btn-login" class="btn btn-success btn-lg btn-block btn-search" value="ค้นหา">
                    </form>
             </div>   
              </div>
          </div>
             <div id="tourpackages-carousel">
              <br/><br/>
               <img src = "assets/img/pakad1.gif"/><br/><br/>
              <div class="row">
                <div class="col-xs-18 col-sm-6 col-md-3">
                  <div class="thumbnail ">
                    <img src="http://placehold.it/500x300" alt="">
                      <div class="caption">
                        <h4>Thumbnail label</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p>
                        <p><a href="#" class="btn btn-info btn-xs" role="button">เข้าชม 13 ครั้ง</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a></p>
                    </div>
                  </div>
                </div>

                <div class="col-xs-18 col-sm-6 col-md-3">
                  <div class="thumbnail">
                    <img src="http://placehold.it/500x300" alt="">
                      <div class="caption">
                        <h4>Thumbnail label</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p>
                        <p><a href="#" class="btn btn-info btn-xs" role="button">เข้าชม 13 ครั้ง</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a></p>
                    </div>
                  </div>
                </div>

                <div class="col-xs-18 col-sm-6 col-md-3">
                  <div class="thumbnail">
                    <img src="http://placehold.it/500x300" alt="">
                      <div class="caption">
                        <h4>Thumbnail label</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p>
                        <p><a href="#" class="btn btn-info btn-xs" role="button">เข้าชม 13 ครั้ง</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a></p>
                    </div>
                  </div>
                </div>

                <div class="col-xs-18 col-sm-6 col-md-3">
                  <div class="thumbnail">
                    <img src="http://placehold.it/500x300" alt="">
                      <div class="caption">
                        <h4>Thumbnail label</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p>
                        <p><a href="#" class="btn btn-info btn-xs" role="button">เข้าชม 13 ครั้ง</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a></p>
                    </div>
                  </div>
                </div>
                
              </div><!-- End row -->
                <div id="tourpackages-carousel">
              <br/>
              <img src = "assets/img/pakad2.gif"/><br/><br/>
              <div class="row">
                <div class="col-xs-18 col-sm-6 col-md-3">
                  <div class="thumbnail">
                    <img src="http://placehold.it/500x300" alt="">
                      <div class="caption">
                        <h4>Thumbnail label</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p>
                        <p><a href="#" class="btn btn-info btn-xs" role="button">เข้าชม 13 ครั้ง</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a></p>
                    </div>
                  </div>
                </div>

                <div class="col-xs-18 col-sm-6 col-md-3">
                  <div class="thumbnail">
                    <img src="http://placehold.it/500x300" alt="">
                      <div class="caption">
                        <h4>Thumbnail label</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p>
                        <p><a href="#" class="btn btn-info btn-xs" role="button">เข้าชม 13 ครั้ง</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a></p>
                    </div>
                  </div>
                </div>

                <div class="col-xs-18 col-sm-6 col-md-3">
                  <div class="thumbnail">
                    <img src="http://placehold.it/500x300" alt="">
                      <div class="caption">
                        <h4>Thumbnail label</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p>
                        <p><a href="#" class="btn btn-info btn-xs" role="button">เข้าชม 13 ครั้ง</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a></p>
                    </div>
                  </div>
                </div>

                <div class="col-xs-18 col-sm-6 col-md-3">
                  <div class="thumbnail">
                    <img src="http://placehold.it/500x300" alt="">
                      <div class="caption">
                        <h4>Thumbnail label</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, soluta, eligendi doloribus sunt minus amet sit debitis repellat. Consectetur, culpa itaque odio similique suscipit</p>
                        <p><a href="#" class="btn btn-info btn-xs" role="button">เข้าชม 13 ครั้ง</a> <a href="#" class="btn btn-default btn-xs" role="button">Button</a></p>
                    </div>
                  </div>
                </div>
                
              </div><!-- End row -->
      </div>
      </div>
     </div>
     <br/>
            </div>        
          </div>
      	</div> 
  	</div>
</div>
 <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<footer>
    <div class="footer" id="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-2  col-md-2 col-sm-4 col-xs-6">
                    <h3> Lorem Ipsum </h3>
                    <ul>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                    </ul>
                </div>
                <div class="col-lg-2  col-md-2 col-sm-4 col-xs-6">
                    <h3> Lorem Ipsum </h3>
                    <ul>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                    </ul>
                </div>
                <div class="col-lg-2  col-md-2 col-sm-4 col-xs-6">
                    <h3> Lorem Ipsum </h3>
                    <ul>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                    </ul>
                </div>
                <div class="col-lg-2  col-md-2 col-sm-4 col-xs-6">
                    <h3> Lorem Ipsum </h3>
                    <ul>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                        <li> <a href="#"> Lorem Ipsum </a> </li>
                    </ul>
                </div>
                <div class="col-lg-3  col-md-3 col-sm-6 col-xs-12 ">
                    <h3> Lorem Ipsum </h3>
                    <ul>
                        <li>
                            <div class="input-append newsletter-box text-center">
                                <input type="text" class="full text-center" placeholder="Email ">
                                <button class="btn  bg-gray" type="button"> Lorem ipsum <i class="fa fa-long-arrow-right"> </i> </button>
                            </div>
                        </li>
                    </ul>
                    <ul class="social">
                        <li> <a href="#"> <i class=" fa fa-facebook">   </i> </a> </li>
                        <li> <a href="#"> <i class="fa fa-twitter">   </i> </a> </li>
                        <li> <a href="#"> <i class="fa fa-google-plus">   </i> </a> </li>
                        <li> <a href="#"> <i class="fa fa-pinterest">   </i> </a> </li>
                        <li> <a href="#"> <i class="fa fa-youtube">   </i> </a> </li>
                    </ul>
                </div>
            </div>
            <!--/.row--> 
        </div>
        <!--/.container--> 
    </div>
    <!--/.footer-->
    
    <div class="footer-bottom">
        <div class="container">
            <p class="pull-left"> Copyright © www.teedindd.in.th 2014. All right reserved. </p>
            <div class="pull-right">
                <!--
                <ul class="nav nav-pills payments">
                  <li><i class="fa fa-cc-visa"></i></li>
                    <li><i class="fa fa-cc-mastercard"></i></li>
                    <li><i class="fa fa-cc-amex"></i></li>
                    <li><i class="fa fa-cc-paypal"></i></li>
                </ul> 
              -->
            </div>
        </div>
    </div>
    <!--/.footer-bottom--> 
</footer>

	<!-- script references -->
		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/scripts.js"></script>
	</body>
</html>